﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="uxMyAccountSettings.ascx.cs"
    Inherits="UserControl_uxMyAccountSettings" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<style type="text/css">
    .TabTitals
    {
        text-align: left;
        vertical-align: middle;
        margin-top: 10px;
        font-family: "verdana" ,arial,sans-serif;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -0.05px;
    }
    .BoxDiv
    {
        border-style: solid;
        border-width: 1px;
        border-color: Gray;
        padding: 2px 6px 2px 6px;
    }
    .GroupPanel
    {
        display: none;
    }
    .RadGridItem
    {
        height: 40px;
        padding-left: 4px;
        font-size: 12px;
        color: #547175;
    }
    .RadGrid_WebBlue .rgAltRow td
    {
        border-color: #eee;
    }
    .RadGrid_WebBlue .rgAltRow td td
    {
        border-color: #DAE2E8;
    }
    .RadGrid_WebBlue .rgRow td td
    {
        border-color: #fff;
    }
</style>

<script type="text/javascript">
    function toggleBox(szDivID, iState) {
        var obj = document.getElementById(szDivID);
        obj.style.display = iState ? "block" : "none";

    }

   
  
</script>

<table>
    <tr style="border-color: #008800; border-width: 15px; border-style: solid; background: #ddedcc;">
        <td style="width: 900px;">
            <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"
                SelectedIndex="2" Skin="Forest">
                <Tabs>
                    <telerik:RadTab Text="My Vouchers" Font-Size="13.33px" Font-Names="Arial">
                    </telerik:RadTab>
                    <telerik:RadTab Text="My Gifts" Font-Size="13.33px" Font-Names="Arial">
                    </telerik:RadTab>
                    <telerik:RadTab Text="My Profile" Selected="True" Font-Size="13.33px" Font-Names="Arial">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
            <br />
        </td>
    </tr>
    <tr>
        <td>
            <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="2">
                <telerik:RadPageView ID="RadPageView1" runat="server" align="Left" BackColor="White">
                    <table>
                        <tr>
                            <td colspan="4">
                                <span style="font-size: 16pt; font-family: Arial; font-weight: bold;">My Zupons</span>
                            </td>
                        </tr>
                        <tr>
                            <td style="font-size: 10pt; font-family: Arial;">
                                show me :
                            </td>
                            <td>
                                <asp:LinkButton ID="btnAvailable" runat="server" Text="Available" ForeColor="Blue"
                                    OnClick="btnAvailable_OnClick" Font-Size="10pt"></asp:LinkButton>
                                |
                            </td>
                            <td>
                                <asp:LinkButton ID="btnUsed" runat="server" Text="Used" ForeColor="Blue" OnClick="btnUsed_OnClick"
                                    Font-Size="10pt"></asp:LinkButton>
                                |
                            </td>
                            <td>
                                <asp:LinkButton ID="btnAll" runat="server" Text="All" ForeColor="Blue" OnClick="btnAll_OnClick"
                                    Font-Size="10pt"></asp:LinkButton>
                                <br />
                                <br />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="4">
                                <asp:Label ID="MyZuponsError" runat="server" Text="" Visible="false" Font-Bold="true"
                                    ForeColor="Green" Font-Size="11px" Font-Names="Arial"></asp:Label>
                            </td>
                        </tr>
                    </table>
                    <telerik:RadGrid ID="MyZupons" runat="server" AutoGenerateColumns="False" AllowSorting="True"
                        AllowMultiRowSelection="False" AllowPaging="True" PageSize="5" GridLines="None"
                        ShowGroupPanel="true" Skin="WebBlue" OnNeedDataSource="MyZupons_NeedDataSource"
                        OnItemDataBound="MyZupons_ItemDataBound">
                        <GroupPanel Text="" CssClass="GroupPanel">
                        </GroupPanel>
                        <AlternatingItemStyle CssClass="rgAltRow" />
                        <PagerStyle Mode="NumericPages"></PagerStyle>
                        <MasterTableView DataKeyNames="DealID,OrderID" AllowMultiColumnSorting="True" GroupLoadMode="Server">
                            <Columns>
                                <telerik:GridTemplateColumn HeaderText="">
                                    <ItemTemplate>
                                        <asp:ImageButton ID="Image1" Height="100" Width="100" runat="server" ImageUrl='<%# Eval("DealID", "../Admin/ImageDisplay.aspx?DealID={0}")%>'
                                            OnClick="Image1_OnClick" CommandArgument='<%# Eval("DealID")%>' />
                                    </ItemTemplate>
                                    <ItemStyle VerticalAlign="Top" />
                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn HeaderText="Description" HeaderStyle-Font-Size="10pt"
                                    HeaderStyle-Font-Names="Arial" ItemStyle-Font-Names="Arial" ItemStyle-Font-Size="10pt"
                                    UniqueName="Name" DataField="Name">
                                    <ItemTemplate>
                                        <asp:LinkButton ID="lblNAme" runat="server" Text='<%# (Eval("Name") as string) %>'
                                            OnClick="lblNAme_OnClick" CommandArgument='<%# Eval("DealID")%>' Font-Names="Arial"
                                            Font-Size="10pt" /><br />
                                        <br />
                                        <div style="float: left; width: 300px;">
                                            <div style="padding-left: 8px;">
                                                <asp:Label ID="lblVendor" runat="server" Font-Names="Arial" Font-Size="10pt"></asp:Label></div>
                                            <br />
                                            <asp:DataList ID="DLCouponsList" runat="server" DataKeyField="CouponCodeID" OnItemDataBound="DLCouponsList_ItemDataBound"
                                                OnEditCommand="DLCouponsList_EditCommand" OnDeleteCommand="DLCouponsList_DeleteCommand">
                                                <ItemTemplate>
                                                    <div style="float: left; width: 100px;">
                                                        <asp:Label ID="lblCouponCodeID" runat="server" ForeColor="Green" Text='<%#Bind("CouponCodeID")%>'
                                                            Visible="False" Font-Names="Arial" Font-Size="10pt" />
                                                        <asp:Label ID="lblOrderID" runat="server" ForeColor="Black" Text='<%#Bind("OrderID")%>'
                                                            Visible="False" Font-Names="Arial" Font-Size="10pt" />
                                                        <asp:Label ID="lblCouponCode" runat="server" ForeColor="Green" Text='<%# TrimDescription(Eval("CouponCode") as string) %>'
                                                            Font-Names="Arial" Font-Size="10pt" />
                                                    </div>
                                                    <div style="float: left; width: 50px;">
                                                        <a href='<%#"PdfPrint.aspx?OrderID=" + Eval("OrderID")+"&CouponCode="+Eval("CouponCode")%>'>
                                                            <asp:Label ID="LinkButton1" runat="server" Text="Print" ForeColor="Green" CommandName="select"
                                                                Font-Names="Arial" Font-Size="10pt"></asp:Label>
                                                        </a>
                                                    </div>
                                                    <div style="float: left; width: 120px;">
                                                        <asp:LinkButton ID="lblUsed" Text="Mark As UnUsed" ForeColor="Green" runat="server"
                                                            CommandName="delete" Font-Names="Arial" Font-Size="10pt"></asp:LinkButton>
                                                        <asp:LinkButton ID="lnkBtnAsUsed" Text="Mark As Used" ForeColor="Green" runat="server"
                                                            CommandName="edit" Font-Names="Arial" Font-Size="10pt"></asp:LinkButton>
                                                    </div>
                                                </ItemTemplate>
                                            </asp:DataList>
                                        </div>
                                    </ItemTemplate>
                                    <ItemStyle VerticalAlign="Top" />
                                </telerik:GridTemplateColumn>
                                <telerik:GridDateTimeColumn HeaderText="Purchase Date" DataField="StartDate" UniqueName="StartDate"
                                    DataFormatString="{0:MMM dd, yyyy}" HeaderStyle-Font-Size="10pt" HeaderStyle-Font-Names="Arial"
                                    ItemStyle-Font-Names="Arial" ItemStyle-Font-Size="10pt" ItemStyle-Width="50">
                                    <ItemStyle VerticalAlign="Top" />
                                </telerik:GridDateTimeColumn>
                                <telerik:GridDateTimeColumn HeaderText="Expire Date" DataField="ExpirationDate" UniqueName="ExpirationDate"
                                    DataFormatString="{0:MMM dd, yyyy}" HeaderStyle-Font-Size="10pt" HeaderStyle-Font-Names="Arial"
                                    ItemStyle-Font-Names="Arial" ItemStyle-Font-Size="10pt" ItemStyle-Width="50">
                                    <ItemStyle VerticalAlign="Top" />
                                </telerik:GridDateTimeColumn>
                            </Columns>
                        </MasterTableView>
                        <ClientSettings AllowDragToGroup="true" />
                    </telerik:RadGrid>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView2" runat="server" align="Center" BackColor="White">
                    <table style="float: left;">
                        <tr>
                            <td>
                                <span style="font-size: 16pt; font-family: Arial; font-weight: bold;">My Gifts</span>
                                <br />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <telerik:RadGrid ID="Gift" runat="server" AutoGenerateColumns="False" AllowSorting="True"
                                    AllowMultiRowSelection="False" AllowPaging="True" PageSize="5" GridLines="None"
                                    ShowGroupPanel="true" OnItemDataBound="Gift_ItemDataBound" Skin="WebBlue" OnNeedDataSource="Gift_NeedDataSource">
                                    <GroupPanel Text="" CssClass="GroupPanel" Font-Names="Arial" Font-Size="10pt">
                                    </GroupPanel>
                                    <PagerStyle Mode="NumericPages" AlwaysVisible="true" />
                                    <MasterTableView DataKeyNames="DealID,VendorID,OrderID,Used" AllowMultiColumnSorting="True"
                                        GroupLoadMode="Server">
                                        <Columns>
                                            <telerik:GridTemplateColumn HeaderText="">
                                                <ItemTemplate>
                                                    <asp:Image ID="Image1" Height="100" Width="100" runat="server" ImageUrl='<%# Eval("DealID", "../Admin/ImageDisplay.aspx?DealID={0}")%>' />
                                                </ItemTemplate>
                                                <ItemStyle VerticalAlign="Top" />
                                            </telerik:GridTemplateColumn>
                                            <telerik:GridTemplateColumn HeaderText="Description" UniqueName="Name" DataField="Name">
                                                <ItemTemplate>
                                                    <asp:Label ID="lblNAme" runat="server" Text='<%# TrimDescription(Eval("Name") as string) %>' /><br />
                                                    <br />
                                                    <br />
                                                    <asp:DataList ID="GiftDLCouponsList" runat="server" DataKeyField="CouponCodeID" OnItemDataBound="GiftDLCouponsList_ItemDataBound"
                                                        OnEditCommand="GiftDLCouponsList_EditCommand" OnDeleteCommand="GiftDLCouponsList_DeleteCommand">
                                                        <ItemTemplate>
                                                            <div style="float: left; width: 100px;">
                                                                <asp:Label ID="lblCouponCodeID" runat="server" ForeColor="Green" Text='<%#Bind("CouponCodeID")%>'
                                                                    Visible="False" />
                                                                <asp:Label ID="lblOrderID" runat="server" ForeColor="Black" Text='<%#Bind("OrderID")%>'
                                                                    Visible="False" />
                                                                <asp:Label ID="lblCouponCode" runat="server" ForeColor="Green" Text='<%# TrimDescription(Eval("CouponCode") as string) %>' /></div>
                                                            <div style="float: left; width: 50px;">
                                                                <a href='<%#"PdfPrint.aspx?OrderID=" + Eval("OrderID")+"&CouponCode="+Eval("CouponCode")%>'>
                                                                    <asp:Label ID="LinkButton1" runat="server" Text="Print" ForeColor="Green" CommandName="select"></asp:Label></a></div>
                                                            <div style="float: left; width: 120px;">
                                                                <asp:LinkButton ID="lblUsed" Text="Mark As UnUsed" ForeColor="Green" runat="server"
                                                                    CommandName="delete"></asp:LinkButton>
                                                                <asp:LinkButton ID="lnkBtnAsUsed" Text="Mark As Used" ForeColor="Green" runat="server"
                                                                    CommandName="edit"></asp:LinkButton></div>
                                                        </ItemTemplate>
                                                    </asp:DataList>
                                                </ItemTemplate>
                                                <ItemStyle VerticalAlign="Top" />
                                            </telerik:GridTemplateColumn>
                                            <telerik:GridDateTimeColumn HeaderText="Purchase Date" DataField="StartDate" UniqueName="StartDate"
                                                DataFormatString="{0:MMM dd, yyyy}">
                                                <ItemStyle VerticalAlign="Top" />
                                            </telerik:GridDateTimeColumn>
                                            <telerik:GridDateTimeColumn HeaderText="Expire Date" DataField="ExpirationDate" UniqueName="ExpirationDate"
                                                DataFormatString="{0:MMM dd, yyyy}">
                                                <ItemStyle VerticalAlign="Top" />
                                            </telerik:GridDateTimeColumn>
                                        </Columns>
                                    </MasterTableView>
                                    <ClientSettings AllowDragToGroup="true" />
                                </telerik:RadGrid>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:Label ID="MyGiftError" runat="server" Text="" Visible="false" ForeColor="Green"
                                    Font-Size="10pt" Font-Names="Arial"></asp:Label>
                            </td>
                        </tr>
                    </table>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView3" runat="server" align="Center" BackColor="White">
                    <div style="font-size: 16pt; font-family: Arial; font-weight: bold; text-align: left;">
                        My Account: &nbsp; &nbsp;
                        <asp:Label ID="lblDisplayName" runat="server"></asp:Label></div>
                    <hr />
                    <br />
                    <table width="100%" style="font-size: 10pt; font-family: Arial;">
                        <tr>
                            <td>
                                <table width="100%">
                                    <tr>
                                        <td valign="top">
                                            AVATAR:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        </td>
                                        <td>
                                            &nbsp; &nbsp; &nbsp;
                                        </td>
                                        <td>
                                            <asp:Image ID="imgDefault" runat="server" ImageUrl="~/Images/discuss_deal1.jpg" Width="50px" />
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                        <td>
                                            <div id="positioned-element25">
                                                <a href="#" onclick="toggleBox('<%= divAvatar.ClientID %>',1);">(change)</a>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">
                                        </td>
                                        <td colspan="2">
                                            <div id="divAvatar" style="display: none" runat="server" class="BoxDiv">
                                                change profile picture:<br />
                                                <asp:FileUpload ID="FileUpload1" runat="server" />
                                                <asp:RegularExpressionValidator ID="regUploadImageFile" runat="server" ValidationExpression="^.+(.jpg|.JPG|.gif|.GIF)$"
                                                    ControlToValidate="FileUpload1">*</asp:RegularExpressionValidator>
                                                <br />
                                                <br />
                                                <asp:ImageButton ID="btnUpload" runat="server" ImageUrl="~/Images/updateButton.jpg"
                                                    OnClick="btnUpload_OnClick" />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                                                &nbsp; <a href="#" onclick="toggleBox('<%= divAvatar.ClientID %>',0);">cancel</a>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td valign="top">
                                            NAME:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        </td>
                                        <td>
                                            &nbsp; &nbsp; &nbsp;
                                        </td>
                                        <td>
                                            <asp:Label ID="lblFullName" runat="server"></asp:Label>
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                        <td>
                                            <div id="Div1">
                                                <asp:LinkButton ID="btnUpdateFullName" runat="server" Text="(change)" OnClick="btnUpdateFullName_OnClick"></asp:LinkButton>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">
                                        </td>
                                        <td colspan="2">
                                            <div id="divName" runat="server" style="display: none" class="BoxDiv">
                                                <asp:Label ID="lblFirstName" runat="server" Text="First Name"></asp:Label>
                                                &nbsp; &nbsp; &nbsp;
                                                <asp:TextBox ID="txtFirstName" runat="server"></asp:TextBox>
                                                <br />
                                                <br />
                                                <asp:Label ID="lblLastName" runat="server" Text="Last Name"></asp:Label>
                                                &nbsp; &nbsp; &nbsp;
                                                <asp:TextBox ID="txtLastName" runat="server"></asp:TextBox>
                                                <br />
                                                <br />
                                                <asp:ImageButton ID="btnEditName" runat="server" ImageUrl="~/Images/updateButton.jpg"
                                                    OnClick="btnEditName_OnClick" />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                                                &nbsp; <a href="#" onclick="toggleBox('<%= divName.ClientID %>',0);">cancel</a>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td valign="top">
                                            EMAIL ADDRESSESS:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        </td>
                                        <td>
                                            &nbsp; &nbsp; &nbsp;
                                        </td>
                                        <td>
                                            <asp:Label ID="lblEmail" runat="server"></asp:Label>
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                        <td>
                                            <asp:Label ID="Label2" runat="server" Text="(primary)"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td valign="top">
                                            EMAIL NOTIFICATION:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        </td>
                                        <td>
                                            &nbsp; &nbsp; &nbsp;
                                        </td>
                                        <td>
                                            <div id="Div5">
                                                <asp:LinkButton ID="btnUpdateEmailNotification" runat="server" Text="(change)" OnClick="btnUpdateEmailNotification_OnClick"></asp:LinkButton>
                                            </div>
                                            <div id="divEmailNote" runat="server" style="display: none" class="BoxDiv">
                                                <asp:CheckBox ID="chkEmailNotification" runat="server" Checked="true" Text="Zupon notifies me monthly about my expiring coupons" />
                                                <br />
                                                <br />
                                                <asp:ImageButton ID="btnEmailNotification" runat="server" ImageUrl="~/Images/updateButton.jpg" />&nbsp;
                                                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a href="#" onclick="toggleBox('<%= divEmailNote.ClientID %>',0);">
                                                    cancel</a>
                                            </div>
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td valign="top">
                                            PASSWORD:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        </td>
                                        <td>
                                            &nbsp; &nbsp; &nbsp;
                                        </td>
                                        <td>
                                            <div id="Div6">
                                                <a href="#" onclick="toggleBox('<%= divPassword.ClientID %>',1);">(change)</a></div>
                                            <div id="divPassword" runat="server" style="display: none" class="BoxDiv">
                                                <table>
                                                    <tr>
                                                        <td colspan="2">
                                                            <asp:Label ID="lblPasswordError" EnableViewState="false" ForeColor="Red" runat="server"
                                                                Text=""></asp:Label>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <asp:Label ID="lblPasswordChange" runat="server" Text="New Password"></asp:Label>
                                                        </td>
                                                        <td>
                                                            <asp:TextBox ID="txtPasswordChange" runat="server" TextMode="Password"></asp:TextBox><br />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <asp:Label ID="lblConfirmPassword" runat="server" Text="Confirm Password"></asp:Label>
                                                        </td>
                                                        <td>
                                                            <asp:TextBox ID="txtConfirmPassword" runat="server" TextMode="Password"></asp:TextBox>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                        </td>
                                                        <td>
                                                            <asp:ImageButton ID="btnPasswordChange" runat="server" ImageUrl="~/Images/updateButton.jpg"
                                                                OnClick="btnPasswordChange_OnClick" />
                                                            <a href="#" onclick="toggleBox('<%= divPassword.ClientID %>',0);">cancel</a>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div style="width: 100%">
                                            </div>
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                </table>
                            </td>
                            <td align="center">
                                <div style="border-color: #008800; border-width: 2px; border-style: solid; background: #ddedcc;
                                    width: 200px; height: 30px; text-align: center; line-height: 30px;">
                                    <asp:Label ID="CreditAmount" Text="" runat="server" Font-Bold="true" ForeColor="Green"
                                        Font-Names="Arial" Font-Size="10pt"></asp:Label></div>
                            </td>
                        </tr>
                    </table>
                </telerik:RadPageView>
            </telerik:RadMultiPage>
        </td>
    </tr>
</table>
